<template>
	<view class="content">
		<my-bar :bgColor="theme">
			<block slot="content">更新日志</block>
		</my-bar> 
		<view class="cu-timeline padding-left-sm padding-top-sm" v-for="item in logs">
			<view class="cu-time">{{item.time}}</view>
			<view class="cu-item text-green">
				<view class="content">
					<view class="cu-capsule radius">
						<view class="cu-tag bg-green">v{{item.version}}</view>
						<view class="cu-tag line-cyan">版本</view>
					</view>
					<view class="margin-top-sm text-content">
						<view>{{item.content}}</view>
					</view>
				</view>
			</view>
		</view>		
	</view>
</template>

<script>
	import { mapState } from 'vuex';
	export default {
		computed: {
			...mapState('base', ['logo', 'appName','theme']),		
		},
		data() {
			return {	
				logs:this.$store.state.log.logs
			}
		},
		methods: {

		}
	}
</script>

<style>
	page {
		background: #FFFFFF;
	}
</style>
